<!DOCTYPE html>
<html>
<head lang="en">
    <base href="${request.contextPath}/"/>
    <meta charset="UTF-8">
    <#import "/spring.ftl" as spring>
    <title><@spring.message code="login.tip"/></title>
    <link rel="shortcut icon" href="${request.contextPath}/favicon.ico" type="image/x-icon" />
    <link href="${request.contextPath}/zhny/css/reset.css" rel="stylesheet" type="text/css">
    <link href="${request.contextPath}/zhny/css/zhiLiangZhuiSu_NEW.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="${request.contextPath}/zhny/js/echarts.js"></script>

    <script src="${request.contextPath}/zhny/js/jquery.min.js"></script>
    <!--字体缩放js-->

    <script src="${request.contextPath}/zhny/js/js-style.js"></script>
    <!--end字体缩放js-->
    <!--动态特效-->
    <link href="${request.contextPath}/zhny/css/style.css" rel="stylesheet" type="text/css" />

</head>
<body >


<!--top-->

<header class="header">
    <div class="header_box clearfix">
        <div class="header_box_l">
            <!--<p>hello,mini，欢迎来到农业大数据</p>-->
            <p>hello,${user.username!""}，<@spring.message code="index.wel"/></p>
        </div>
        <div class="header_box_c">
           <!-- <div class="masked">黑龙江省农业大数据</div>-->
            <div class="masked"><@spring.message code="login.tip"/></div>
        </div>
        <div class="header_box_r ">
            <a href="${request.contextPath}/sy/zlzs/zlzsnew.html?locale=zh_CN" target="_self">中文版</a>
            <a href="${request.contextPath}/sy/zlzs/zlzsnew.html?locale=en_US" target="_self">English</a>
           <!-- <a href="#" target="_self">English</a>-->
            <a href="${request.contextPath}/sy/logout" target="_self"><@spring.message code="index.out"/></a>
            <!--<a href="#" target="_self">退出</a>-->
        </div>
    </div>
</header>
<!--end top-->

<div class="comment clearfix">
    <!--左侧-->
    <div class="nongJi_l a">
        <div class="up-number">

            <div class="m-9">
                <p><@spring.message code="zlzs.spsl"/>：</p>
                <div class="masked1">20,419</div></div>
            <div class="up-number_bj">
                <img src="${request.contextPath}/zhny/images/gif-8-1.png">
            </div>

        </div>
        <div class="down_2 clearfix">
            <div class="down_2_l b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.spzl"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main1" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart1 = echarts.init(document.getElementById('main1'));
                                // 指定图表的配置项和数据

                                option = {


                                    tooltip: {
                                        trigger: 'item',
                                        formatter: "{b} : {c} ({d}%)"
                                    },

                                    visualMap: {
                                        show: false,
                                        min: 500,
                                        max: 600,
                                        inRange: {
                                            //colorLightness: [0, 1]
                                        }
                                    },
                                    series: [{
                                        name: '访问来源',
                                        type: 'pie',
                                        radius: '50%',
                                        center: ['50%', '50%'],
                                        color: ['rgb(131,249,103)', '#45a7e3', '#8a77d6', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
                                        data: [{
                                            value: 285,
                                            name: '玉米'
                                        },
                                            {
                                                value: 410,
                                                name: '水稻'
                                            },
                                            {
                                                value: 274,
                                                name: '大豆'
                                            },
                                            {
                                                value: 235,
                                                name: '马铃薯'
                                            }
                                        ].sort(function(a, b) {
                                                    return a.value - b.value
                                                }),
                                        roseType: 'radius',

                                        label: {
                                            normal: {
                                                formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
                                                rich: {
                                                    c: {
                                                        color: 'rgb(241,246,104)',
                                                        fontSize: 20,
                                                        fontWeight:'bold',
                                                        lineHeight: 5
                                                    },
                                                    b: {
                                                        color: 'rgb(98,137,169)',
                                                        fontSize: 15,
                                                        height: 40
                                                    },
                                                },
                                            }
                                        },
                                        labelLine: {
                                            normal: {
                                                lineStyle: {
                                                    color: 'rgb(98,137,169)',
                                                },
                                                smooth: 0.2,
                                                length: 10,
                                                length2: 20,

                                            }
                                        },
                                        itemStyle: {
                                            normal: {
                                                shadowColor: 'rgba(0, 0, 0, 0.8)',
                                                shadowBlur: 50,
                                            }
                                        }
                                    }]
                                };




                                myChart1.setOption(option);
                            </script>
                        </div>
                    </div>
                    <!--<div class="down">
                        <h5><@spring.message code="zlzs.db"/></h5>
                        <strong>1234<span><@spring.message code="zlzs.w"/></span></strong><p><i>+</i> 20%</p>
                    </div>-->
                </div>
            </div>
            <div class="down_2_r b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.xzsp"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main2" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart2 = echarts.init(document.getElementById('main2'));
                                // 指定图表的配置项和数据

                                // Generate data
                                var category = [];
                                var dottedBase = [];
                                var lineData = [/*18092,20728,24045,28348,32808
                                    ,36097,39867,44715,48444,50415
                                    ,56061,62677,69521,*/77560,85038
                                    ,92477,102268];
                                var barData = [/*4600,5000,5500,6500,7500
                                    ,8500,9900,12500,14000,21500
                                    ,23200,24450,25250,*/33300,35800
                                    ,45400,59810];
                                var rateData = [];

                                for (var i = 0; i < 4; i++) {
                                    var date = i+2016;
                                    category.push(date)
                                    var rate=barData[i]/lineData[i];
                                    rateData[i] = rate.toFixed(2);
                                }


                                // option
                                option = {

                                    tooltip: {
                                        trigger: 'axis',
                                        backgroundColor:'rgba(255,255,255,0.1)',
                                        axisPointer: {
                                            type: 'shadow',
                                            label: {
                                                show: true,
                                                backgroundColor: '#7B7DDC'
                                            }
                                        }
                                    },
                                    legend: {

                                        textStyle: {
                                            color: '#B4B4B4'
                                        },
                                        top:'7%',
                                    },
                                    grid:{
                                        x:'20%',
                                        width:'70%',
                                        y:'12%',
                                    },
                                    xAxis: {
                                        data: category,
                                        axisLine: {
                                            lineStyle: {
                                                color: '#B4B4B4'
                                            }
                                        },
                                        axisTick:{
                                            show:false,
                                        },
                                    },
                                    yAxis: [{

                                        splitLine: {show: false},
                                        axisLine: {
                                            lineStyle: {
                                                color: '#B4B4B4',
                                            }
                                        },

                                        axisLabel:{
                                            formatter:'{value}',
                                        }
                                    },
                                        {

                                            splitLine: {show: false},
                                            axisLine: {
                                                lineStyle: {
                                                    color: '#B4B4B4',
                                                }
                                            },
                                            axisLabel:{
                                               /* formatter:'{value}',*/
                                                formatter:'',
                                            }
                                        }],

                                    series: [{
                                        /*name: 'Housing price-income ratio',*/
                                        name: '<@spring.message code="zlzs.xzspb"/>',
                                        type: 'line',
                                        smooth: true,
                                        showAllSymbol: true,
                                        symbol: 'emptyCircle',
                                        symbolSize: 8,
                                        yAxisIndex: 1,
                                        itemStyle: {
                                            normal: {
                                                color:'#F02FC2'},
                                        },
                                        data: rateData
                                    },

                                        {
                                            /*name: 'Average house price per square meter',*/
                                            name: '<@spring.message code="zlzs.xzspsl"/>',
                                            type: 'bar',
                                            barWidth: 10,
                                            itemStyle: {
                                                normal: {
                                                    barBorderRadius: 5,
                                                    color: new echarts.graphic.LinearGradient(
                                                            0, 0, 0, 1,
                                                            [
                                                                {offset: 0, color: '#956FD4'},
                                                                {offset: 1, color: '#3EACE5'}
                                                            ]
                                                    )
                                                }
                                            },
                                            data: barData
                                           /* data: []*/

                                        },

                                        {
                                            /*name: 'Average annual income',*/
                                            name: '<@spring.message code="zlzs.xzspsl"/>',

                                            type: 'bar',
                                            barGap: '-100%',
                                            barWidth: 10,
                                            itemStyle: {
                                                normal: {
                                                    barBorderRadius: 5,
                                                    color: new echarts.graphic.LinearGradient(
                                                            0, 0, 0, 1,
                                                            [
                                                                {offset: 0, color: 'rgba(156,107,211,0.5)'},
                                                                {offset: 0.2, color: 'rgba(156,107,211,0.3)'},
                                                                {offset: 1, color: 'rgba(156,107,211,0)'}
                                                            ]
                                                    )
                                                }
                                            },
                                            z: -12,

                                            /*data: lineData*/
                                            data: []
                                        },
                                    ]
                                };





                                myChart2.setOption(option);
                            </script>
                        </div>
                    </div>
                   <!-- <div class="down">
                        <h5><@spring.message code="zlzs.db"/></h5>
                        <strong>1234<span><@spring.message code="zlzs.w"/></span></strong><p><i>+</i> 20%</p>
                    </div>-->
                </div>
            </div>
        </div>
        <div class="down_2 clearfix">
            <div class="down_2_l b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.sym"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main5" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart5 = echarts.init(document.getElementById('main5'));
                                // 指定图表的配置项和数据

                                var data_val=[24857,35841, 68413, 48257],
                                    xAxis_val=['2016','2017', '2018', '2019'];
                                var data_val1=[0,0,0,0,0,0,0];
                                var option = {

                                    grid:{
                                        left:10,
                                        top:'10%',
                                        bottom:20,
                                        right:40,
                                        containLabel:true
                                    },
                                    tooltip:{
                                        show:true,
                                        backgroundColor:'#384157',
                                        borderColor:'#384157',
                                        borderWidth:1,
                                        formatter:'{b}:{c}',
                                        extraCssText:'box-shadow: 0 0 5px rgba(0, 0, 0, 1)'
                                    },
                                    legend:{
                                        right:0,
                                        top:0,
                                        data:['数量'],
                                        textStyle:{
                                            color :'#5c6076'
                                        }
                                    },

                                    xAxis: {
                                        data: xAxis_val,
                                        boundaryGap:false,
                                        axisLine:{
                                            show:false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#5c6076'
                                            }
                                        },
                                        axisTick:{
                                            show:false
                                        }
                                    },
                                    yAxis: {
                                        ayisLine:{
                                            show:false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#5c6076'
                                            }
                                        },
                                        splitLine:{
                                            show:true,
                                            lineStyle:{
                                                color:'#2e3547'
                                            }
                                        },
                                        axisLine: {
                                            lineStyle: {
                                                color: '#384157'
                                            }
                                        }
                                    },

                                    series: [
                                        {
                                            type: 'bar',
                                            name:'linedemo',


                                            tooltip:{
                                                show:false
                                            },
                                            animation:false,
                                            barWidth:1.4,
                                            hoverAnimation:false,
                                            data:data_val,
                                            itemStyle:{
                                                normal:{
                                                    color:'#f17a52',
                                                    opacity:0.6,
                                                    label:{
                                                        show:false
                                                    }
                                                }
                                            }
                                        },
                                        {
                                            type: 'line',
                                            name:'数量',

                                            animation:false,
                                            symbol:'circle',

                                            hoverAnimation:false,
                                            data:data_val1,
                                            itemStyle:{
                                                normal:{
                                                    color:'#f17a52',
                                                    opacity:0,
                                                }
                                            },
                                            lineStyle:{
                                                normal:{
                                                    width:1,
                                                    color:'#384157',
                                                    opacity:1
                                                }
                                            }
                                        },
                                        {
                                            type: 'line',
                                            name:'linedemo',
                                            smooth:true,
                                            symbolSize:10,
                                            animation:false,
                                            lineWidth:1.2,
                                            hoverAnimation:false,
                                            data:data_val,
                                            symbol:'circle',
                                            itemStyle:{
                                                normal:{
                                                    color:'#f17a52',
                                                    shadowBlur: 40,
                                                    label:{
                                                        show:true,
                                                        position:'top',
                                                        textStyle:{
                                                            color:'#f17a52',

                                                        }
                                                    }
                                                }
                                            },
                                            areaStyle:{
                                                normal:{
                                                    color:'#f17a52',
                                                    opacity:0.08
                                                }
                                            }

                                        }
                                    ]
                                };






                                myChart5.setOption(option);
                            </script>
                        </div>
                    </div>

                </div>
            </div>
            <div class="down_2_r b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.jchgl"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main6" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart6 = echarts.init(document.getElementById('main6'));
                                // 指定图表的配置项和数据
                                //一月 Jan. January二月 Feb. February三月 Mar. March 四月 Apr. April五月 May. May六月 Jun. June

                                //七月 Jul. July八月 Aug. August九月 Sept. September 十月 Oct. October 十一月 Nov. November 十二月 Dec. December
                                var data_val=[99.7, 99.5, 98.4, 98.8, 98.7, 99.1, 98.5],
                                    xAxis_val=['Jul', 'Jun', 'May', 'Apr', 'Mar', 'Feb', 'Jan'];
                                var data_val1=[0,0,0,0,0,0,0];
                                var option = {
                                    grid:{
                                        left:10,
                                        top:'10%',
                                        bottom:'15%',
                                        right:40,
                                        containLabel:true
                                    },
                                    tooltip:{
                                        show:true,
                                        backgroundColor:'#11a9cf',
                                        borderColor:'#11a9cf',
                                        borderWidth:1,
                                        formatter:'{b}:{c}',
                                        extraCssText:'box-shadow: 0 0 5px rgba(0, 0, 0, 1)'
                                    },
                                    legend:{
                                        right:0,
                                        top:0,
                                        data:['距离'],
                                        textStyle:{
                                            color :'#5c6076'
                                        }
                                    },

                                    xAxis: {
                                        data: xAxis_val,
                                        boundaryGap:false,
                                        axisLine:{
                                            show:false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#5c6076'
                                            }
                                        },
                                        axisTick:{
                                            show:false
                                        }
                                    },
                                    yAxis: {
                                        ayisLine:{
                                            show:false
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#5c6076'
                                            }
                                        },
                                        splitLine:{
                                            show:true,
                                            lineStyle:{
                                                color:'#2e3547'
                                            }
                                        },
                                        axisLine: {
                                            lineStyle: {
                                                color: '#384157'
                                            }
                                        }
                                    },

                                    series: [
                                        {
                                            type: 'bar',
                                            name:'linedemo',


                                            tooltip:{
                                                show:false
                                            },
                                            animation:false,
                                            barWidth:1.4,
                                            hoverAnimation:false,
                                            data:data_val,
                                            itemStyle:{
                                                normal:{
                                                    color:'#11a9cf',
                                                    opacity:0.6,
                                                    label:{
                                                        show:false
                                                    }
                                                }
                                            }
                                        },
                                        {
                                            type: 'line',
                                            name:'距离',

                                            animation:false,
                                            symbol:'circle',

                                            hoverAnimation:false,
                                            data:data_val1,
                                            itemStyle:{
                                                normal:{
                                                    color:'#11a9cf',
                                                    opacity:0,
                                                }
                                            },
                                            lineStyle:{
                                                normal:{
                                                    width:1,
                                                    color:'#384157',
                                                    opacity:1
                                                }
                                            }
                                        },
                                        {
                                            type: 'line',
                                            name:'linedemo',
                                            smooth:true,
                                            symbolSize:10,
                                            animation:false,
                                            lineWidth:1.2,
                                            hoverAnimation:false,
                                            data:data_val,
                                            symbol:'circle',
                                            itemStyle:{
                                                normal:{
                                                    color:'#11a9cf',
                                                    shadowBlur: 40,
                                                    label:{
                                                        show:true,
                                                        position:'top',
                                                        textStyle:{
                                                            color:'#11a9cf',

                                                        }
                                                    }
                                                }
                                            },
                                            areaStyle:{
                                                normal:{
                                                    color:'#11a9cf',
                                                    opacity:0.08
                                                }
                                            }

                                        }
                                    ]
                                };





                                myChart6.setOption(option);
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--右侧-->
    <div class="yaoFei_c a">
        <div class="up-number">
            <div class="m-9">
                <p><@spring.message code="zlzs.ljhzs"/>：</p>
                <div class="masked1">2,156</div></div>
            <div class="up-number_bj">
                <img src="${request.contextPath}/zhny/images/gif-8-1.png">
            </div>
        </div>
        <div class="down_2 clearfix">
            <div class="down_2_l b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.hzsslph"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main3" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart3 = echarts.init(document.getElementById('main3'));
                                // 指定图表的配置项和数据


                                // 关于“省优质幼儿园评选”的投票
                                var chartData = [18,28,15,6,17,8,8];
                                var chartName = ['佳木斯', '哈尔滨', '齐齐哈尔','牡丹江','鹤岗','伊春','大庆'];
                                // var unit='亿元';
                                var myColor = ['#1db7e5','#49a4e3','#8f73d5'];
                                option = {
                                    //  title: {
                                    //     text: '单位:  '+unit,
                                    //     right:0,
                                    //     textStyle: {
                                    //         color: '#000',
                                    //         fontSize:14,
                                    //     }
                                    // },


                                    grid: {
                                        left: '2%',
                                        right: '20%',
                                        bottom: '10%',
                                        top: '10%',
                                        containLabel: true
                                    },
                                    xAxis: [{
                                        show: false,
                                    },
                                        {
                                            show: false,
                                        }
                                    ],
                                    yAxis: {
                                        type: 'category',
                                        inverse: true,
                                        show: false
                                    },

                                    series: [

                                        //亮色条 百分比
                                        {
                                            show: true,
                                            type: 'bar',
                                            barGap: '-100%',
                                            barWidth: '20%',
                                            z: 2,
                                            itemStyle: {
                                                normal: {
                                                    color: function(params) {
                                                        var num = myColor.length;
                                                        return myColor[params.dataIndex % num]
                                                    }
                                                }
                                            },
                                            label: {
                                                normal: {
                                                    show: true,
                                                    textStyle: {
                                                        color: '#fff',
                                                        fontSize:16,
                                                        fontWeight: 'bold'
                                                    },
                                                    position: 'right',
                                                    formatter: function(data) {
                                                        return (chartData[data.dataIndex])/*.toFixed(2) + ''*/;
                                                    }
                                                }
                                            },
                                            data: chartData,
                                        },
                                        //年份
                                        {
                                            show: true,
                                            type: 'bar',
                                            xAxisIndex: 1, //代表使用第二个X轴刻度
                                            barGap: '-100%',
                                            barWidth: '10%',
                                            itemStyle: {
                                                normal: {
                                                    barBorderRadius: 200,
                                                    color: 'transparent'
                                                }
                                            },
                                            label: {
                                                normal: {
                                                    show: true,
                                                    position: [0, '-20'],
                                                    textStyle: {
                                                        fontSize:14,
                                                        color: '#ccc',
                                                    },
                                                    formatter: function(data) {
                                                        return chartName[data.dataIndex];
                                                    }
                                                }
                                            },
                                            data: chartData
                                        }
                                    ]
                                };




                                myChart3.setOption(option);
                            </script>
                        </div>
                    </div>
                   <!-- <div class="down">
                        <h5><@spring.message code="zlzs.db"/></h5>
                        <strong>1234<span><@spring.message code="zlzs.w"/></span></strong><p><i>+</i> 20%</p>
                    </div>-->
                </div>
            </div>
            <div class="down_2_r b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.xzhzs"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main4" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart4 = echarts.init(document.getElementById('main4'));
                                // 指定图表的配置项和数据

                                var dataIPSxAxis = [/*'2014 05/20  ', '2015 05/24',*/ '2016', '2017', '2018', '2019'];
                                var dataIPS = [/*20, 60,*/ 50, 80, 120, 100];
                                var dataIPS2 = [/*20, 70,*/ 40, 62, 85, 90];
                                option = {

                                    tooltip: {
                                        trigger: 'axis',
                                        axisPointer: {
                                            type: 'cross',
                                            label: {
                                                backgroundColor: '#6a7985',
                                            },
                                        }
                                    },
                                    color: ["#0080ff", "#4cd5ce"],
                                    toolbox: {
                                        // feature: {
                                        //     saveAsImage: {}
                                        // }
                                    },
                                    grid: {
                                        left: '5%',
                                        right: '5%',
                                        top:'10%',
                                        bottom: '5%',
                                        containLabel: true
                                    },
                                    xAxis: [{
                                        type: 'category',
                                        boundaryGap: false,
                                        data: dataIPSxAxis,
                                        axisLabel: {
                                            show: true,
                                            textStyle: {
                                                color: '#6ba1bb',
                                                fontSize: 12,
                                            },
                                            formatter: function(value) {
                                                //debugger
                                                var ret = ""; //拼接加\n返回的类目项
                                                var maxLength = 5; //每项显示文字个数
                                                var valLength = value.length; //X轴类目项的文字个数
                                                var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                                                if (rowN > 1) //如果类目项的文字大于3,
                                                {
                                                    for (var i = 0; i < rowN; i++) {
                                                        var temp = ""; //每次截取的字符串
                                                        var start = i * maxLength; //开始截取的位置
                                                        var end = start + maxLength; //结束截取的位置
                                                        //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                                                        temp = value.substring(start, end) + "\n";
                                                        ret += temp; //凭借最终的字符串
                                                    }
                                                    return ret;
                                                } else {
                                                    return value;
                                                }
                                            },
                                        },
                                        axisLine: {
                                            lineStyle: {
                                                color: '#0a2b52',
                                                width: 0.5, //这里是为了突出显示加上的
                                            }
                                        }
                                    }],
                                    yAxis: [{
                                        type: 'value',
                                        axisLine: {
                                            onZero: false,
                                            lineStyle: {
                                                color: '#0a2b52',
                                                width: 1, //这里是为了突出显示加上的
                                            }
                                        },

                                        axisLabel: {
                                            formatter: function(val) {
                                                return val + '';
                                            },
                                            show: true,
                                            textStyle: {
                                                color: '#6ba1bb' //字体颜色
                                            }
                                        },
                                        splitLine:{
                                            show:true,
                                            lineStyle:{
                                                type:'dashed'

                                            }

                                        },
                                    }],
                                    series: [
                                        {
                                            /*name: '最高水量',*/
                                            name: '',
                                            type: 'line',
                                            smooth: true,
                                            //  symbol: "none", //去掉折线点
                                            stack: 100,
                                            itemStyle: {
                                                normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
                                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                                        offset: 0,
                                                        color: '#CB8993' // 0% 处的颜色
                                                    }, {
                                                        offset: 0.5,
                                                        color: '#CB8993' // 100% 处的颜色
                                                    }, {
                                                        offset: 1,
                                                        color: '#CC56CB' // 100% 处的颜色
                                                    }]), //背景渐变色
                                                    lineStyle: { // 系列级个性化折线样式
                                                        width: 0.5,
                                                        type: 'solid',
                                                        color: "#CC56CB"
                                                    }
                                                },
                                                emphasis: {
                                                    color: '#02675f',
                                                    lineStyle: { // 系列级个性化折线样式
                                                        width: 0.5,
                                                        type: 'dotted',
                                                        color: "#02675f" //折线的颜色
                                                    }
                                                }
                                            }, //线条样式
                                            symbolSize: 5, //折线点的大小
                                            areaStyle: {
                                                normal: {}
                                            },
                                           /* data: dataIPS,*/
                                            data: [],
                                        },

                                        {
                                           /* name: '最低水量',*/
                                            name: '',
                                            type: 'line',
                                            smooth: true,
                                            //  symbol: "none", //去掉折线点
                                            stack: 100,
                                            itemStyle: {
                                                normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
                                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                                        offset: 0,
                                                        color: '#64CAFA' // 0% 处的颜色
                                                    }, {
                                                        offset: 0.5,
                                                        color: '#64CAFA' // 100% 处的颜色
                                                    }, {
                                                        offset: 1,
                                                        color: '#0078D7' // 100% 处的颜色
                                                    }]), //背景渐变色
                                                    lineStyle: { // 系列级个性化折线样式
                                                        width: 0.5,
                                                        type: 'solid',
                                                        color: "#0078D7"
                                                    }
                                                },
                                                emphasis: {
                                                    color: '#02675f',
                                                    lineStyle: { // 系列级个性化折线样式
                                                        width: 0.5,
                                                        type: 'dotted',
                                                        color: "#02675f" //折线的颜色
                                                    }
                                                }
                                            }, //线条样式
                                            symbolSize: 5, //折线点的大小
                                            areaStyle: {
                                                normal: {}
                                            },
                                            data: dataIPS2,
                                        },



                                    ]
                                };





                                myChart4.setOption(option);

                            </script>
                        </div>
                    </div>
                    <!--<div class="down">
                        <h5><@spring.message code="zlzs.db"/></h5>
                        <strong>1234<span><@spring.message code="zlzs.w"/></span></strong><p><i>+</i> 20%</p>
                    </div>-->
                </div>
            </div>
        </div>
        <div class="down_2 clearfix">
            <div class="down_2_l b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.zzmjbl"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main7" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart7 = echarts.init(document.getElementById('main7'));
                                // 指定图表的配置项和数据

                                option = {
                                    tooltip: {
                                        trigger: 'item',
                                        formatter: "{a} <br/>{b}: {c} ({d}%)",

                                    },
                                    // legend: {
                                    //
                                    //     orient: 'vertical',
                                    //     x: 'right',
                                    //     itemWidth: 14,
                                    //     itemHeight: 14,
                                    //     align: 'left',
                                    //
                                    //     data:['一胎','二胎','三胎','四胎','五胎','六胎','七胎'],
                                    //     textStyle: {
                                    //         color: '#fff'
                                    //     }
                                    // },
                                    series: [

                                        {
                                            name:'种植面积比例',
                                            type:'pie',
                                            radius: ['42%', '55%'],
                                            color: ['#d74e67', '#0092ff', '#eba954', '#21b6b9','#60a900','#01949b',' #f17677'],
                                            label: {
                                                normal: {
                                                    formatter: '{b}\n{d}%'
                                                },

                                            },
                                            data:[
                                                {value:20.56, name:'大豆'},
                                                {value:53.96, name:'玉米'},
                                                {value:19.79, name:'水稻'},
                                                {value:29.3, name:'马铃薯'}

                                            ]
                                        }
                                    ]
                                };



                                myChart7.setOption(option);
                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <div class="down_2_r b">
                <div class="four_box_01_title ">
                    <div class="title_l">
                        <h4><@spring.message code="zlzs.yshl"/></h4>
                    </div>
                </div>
                <div class="line" style="margin-top: 5px;"></div>
                <div class="bj_box_content"  >
                    <div class="up">
                        <div id="main8" style="width: 100%;height: 100%">
                            <script type="text/javascript">
                                /*-----------------------------main-----------------------------*/
                                var myChart8 = echarts.init(document.getElementById('main8'));
                                // 指定图表的配置项和数据

                                option = {
                                    tooltip: {},
                                    grid:{
                                        top:'5%',
                                    },
                                    legend: {
                                        data:['已售总量'],
                                        right:'10%',
                                        top:'5%',
                                        textStyle:{
                                            color:'#fff',
                                            fontSize:14,
                                        }
                                    },
                                    xAxis: {
                                        data: ["2016","2017","2018","2019"],       //横坐标
                                        axisTick:{
                                            show:false,
                                        },
                                        axisLabel:{
                                            interval: 0,
                                            rotate:10,
                                            textStyle: {
                                                color:'#fff',
                                                fontSize:14,
                                            }
                                        },
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color:'#fff',
                                                width:'1  ',                                                //坐标线的宽度

                                            }
                                        },
                                    },
                                    yAxis: {
                                        splitLine: {
                                            show: true,
                                            lineStyle:{
                                                color: '#40A1EA',                                         //网格横线颜色
                                                width: 1,
                                                type: 'solid'
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: '#fff',
                                                fontSize:14,//坐标值得具体的颜色
                                            }
                                        },
                                        axisLine: {
                                            show:false,
                                        },
                                    },
                                    series: [{
                                        name: '已售总量',
                                        type: 'bar',
                                        barWidth:20,
                                        data: [146.58,180.45,240.84,210.74],        //数据
                                        itemStyle: {
                                            normal: {
                                                color: new echarts.graphic.LinearGradient(
                                                    0, 0, 0, 1,
                                                    [
                                                        {offset: 0, color: '#06B5D7'},                   //柱图渐变色
                                                        {offset: 0.5, color: '#44C0C1'},                 //柱图渐变色
                                                        {offset: 1, color: '#71C8B1'},                   //柱图渐变色
                                                    ]
                                                )
                                            },
                                            emphasis: {
                                                color: new echarts.graphic.LinearGradient(
                                                    0, 0, 0, 1,
                                                    [
                                                        {offset: 0, color: '#71C8B1'},                  //柱图高亮渐变色
                                                        {offset: 0.7, color: '#44C0C1'},                //柱图高亮渐变色
                                                        {offset: 1, color: '#06B5D7'}                   //柱图高亮渐变色
                                                    ]
                                                )
                                            }
                                        },
                                    }]
                                };




                                myChart8.setOption(option);
                                window.onresize = function() {

                                    myChart1.resize();
                                    myChart2.resize();
                                    myChart3.resize();
                                    myChart4.resize();
                                    myChart6.resize();
                                    myChart7.resize();
                                    myChart8.resize();
                                    myChart5.resize();

                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>





</div>
<!--nav-->
<div class="container">
    <section>
    <#if isAdmn == "TRUE">
        <button  onclick="shouye()"  class="btn btn-green btn-border-o "><@spring.message code="index.sy"/></button>
    </#if>
    <button onclick="nydsj()" class="btn btn-blue btn-border-o"><@spring.message code="index.sjjc"/></button>
    <button onclick="zlzs()" class="btn btn-purple btn-border-o active3"><@spring.message code="index.zlzs"/></button>
    <button onclick="zjzd()" class="btn btn-red  btn-border-o"><@spring.message code="index.zjzd"/></button>
    <button onclick="nybk()" class="btn btn-orange btn-border-o "><@spring.message code="index.nybk"/></button>

    </section>
</div>
<script type="text/javascript">

    $(".title").css("line-height",$(".title").height() + 'px')
    $(window).resize(function(){
        $(".title").css("line-height",$(".title").height() + 'px')
    })
    var locale="";
    window.onload = function(){
        var req = new XMLHttpRequest();
        req.open('GET', document.location, false);
        req.send(null);
        var headers = req.getAllResponseHeaders();
        locale=req.getResponseHeader('content-language');
        if(locale=="en-US"){
            locale="en_US";
        }else{
            locale="zh_CN";
        }
    }

    function zlzs(){
        window.location.href="${request.contextPath}/sy/zlzs/zlzsnew.html?locale="+locale;
    }
    function shouye(){
        window.location.href="${request.contextPath}/sy/index/indexnew.html?locale="+locale;
    }
    function zjzd(){
        window.location.href="${request.contextPath}/sy/zjwd/zjwdnew.html?locale="+locale;
    }
    function nybk(){
        window.location.href="${request.contextPath}/sy/nybk/nybknew.html?locale="+locale;
    }
    function nydsj(){
        window.location.href="${request.contextPath}/sy/nydsj/nydsjnew.html?locale="+locale;
    }
    /*function nydsj(address) {
        location.href = '${request.contextPath}/sy/nydsj/nydsjnew.html?address='+address+"&locale="+locale;
    }*/
</script>


</body>
</html>
